import BScroll from 'better-scroll'


//设置横向滚动的方法
/**
 * 
 * @param {代表vue实例} that 
 * @param {横向滚动的容器} content 
 * @param {横向滚动的内容区} wrapper 
 * @param {滚动项的数目} num 
 * @param {滚动项的宽度（单位是rem）} itemWidth 
 */
function betterScrollHorizontal(that, content, wrapper, num, itemWidth) {
  //计算内容区的宽度，动态设置滚动区域的宽度
  content.style.width = num * itemWidth + 'rem'
  that.$nextTick(() => {
    that.scroll = new BScroll(wrapper, {
      scrollX: true,  //开启横向移动
      scrollY: false, //关闭纵向移动
      startX: 0,    //初始化时横向滚动的位置
      click: true,    //允许浏览器进行单击事件
    })
  })
}

export { betterScrollHorizontal }